<include file="Public:head"/>
<link rel="stylesheet" href="{lanrain::STATICS}/kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="{lanrain::STATICS}/kindeditor/plugins/code/prettify.css" />
<script src="{lanrain::STATICS}/kindeditor/kindeditor.js" type="text/javascript"></script>
<script src="{lanrain::STATICS}/kindeditor/lang/zh_CN.js" type="text/javascript"></script>
<script src="{lanrain::STATICS}/kindeditor/plugins/code/prettify.js" type="text/javascript"></script>
<div class="content" style="width:920px; background:none; margin-left:275px; border:none; margin-bottom:30px;" >

    <div class="cLineB">
        <h4>模板管理 <span class="FAQ">选择适合您的模版风格，手机输入“首页”测试效果。</span></h4>
    </div>

    <div class="msgWrap form">
        <ul id="tags" style="width:920px;">
            <li class="selectTag"><a onclick="selectTag('tagContent0',this)" href="javascript:void(0)">1. 栏目首页模板风格</a> </li>
            <li><a onclick="selectTag('tagContent1',this)" href="javascript:void(0)">2.图文列表模板风格</a> </li>
            <li><a onclick="selectTag('tagContent2',this)" href="javascript:void(0)">3.图文详细页模板风格</a> </li>
            <li><a onclick="selectTag('tagContent3',this)" href="javascript:void(0)">4.颜色风格&预览</a> </li>
        </ul>

        <div id="tagContent">
            <div class="tagContent selectTag" id="tagContent0">
                <fieldset>
                    <ul class="cateradio">
					    <li <eq name="info.tpltypeid" value="32">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate137.png" onclick="javascript:alert('已选择模板32')" />
                                <input class="radio" type="radio" name="optype" value="32" <eq name="info.tpltypeid" value="32">checked</eq> /> 模板32
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="31">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate136.png" onclick="javascript:alert('已选择模板31')" />
                                <input class="radio" type="radio" name="optype" value="31" <eq name="info.tpltypeid" value="31">checked</eq> /> 模板31
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="30">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate133.png" onclick="javascript:alert('已选择模板30')" />
                                <input class="radio" type="radio" name="optype" value="30" <eq name="info.tpltypeid" value="30">checked</eq> /> 模板30
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="29">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate132.png" onclick="javascript:alert('已选择模板29')" />
                                <input class="radio" type="radio" name="optype" value="29" <eq name="info.tpltypeid" value="29">checked</eq> /> 模板29
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="28">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate131.png" onclick="javascript:alert('已选择模板28')" />
                                <input class="radio" type="radio" name="optype" value="28" <eq name="info.tpltypeid" value="28">checked</eq> /> 模板28
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="27">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate130.png" onclick="javascript:alert('已选择模板27')" />
                                <input class="radio" type="radio" name="optype" value="27" <eq name="info.tpltypeid" value="27">checked</eq> /> 模板27
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="26">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate128.png" onclick="javascript:alert('已选择模板26')" />
                                <input class="radio" type="radio" name="optype" value="26" <eq name="info.tpltypeid" value="26">checked</eq> /> 模板26
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="25">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate127.png" onclick="javascript:alert('已选择模板25')" />
                                <input class="radio" type="radio" name="optype" value="25" <eq name="info.tpltypeid" value="25">checked</eq> /> 模板25
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="24">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate124.png" onclick="javascript:alert('已选择模板24')" />
                                <input class="radio" type="radio" name="optype" value="24" <eq name="info.tpltypeid" value="24">checked</eq> /> 模板24
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="23">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate123.png" onclick="javascript:alert('已选择模板23')" />
                                <input class="radio" type="radio" name="optype" value="23" <eq name="info.tpltypeid" value="23">checked</eq> /> 模板23
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="22">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate122.png" onclick="javascript:alert('已选择模板22')" />
                                <input class="radio" type="radio" name="optype" value="22" <eq name="info.tpltypeid" value="22">checked</eq> /> 模板22
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="21">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate121.png" onclick="javascript:alert('已选择模板21')" />
                                <input class="radio" type="radio" name="optype" value="21" <eq name="info.tpltypeid" value="21">checked</eq> /> 模板21
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="20">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate120.png" onclick="javascript:alert('已选择模板20')" />
                                <input class="radio" type="radio" name="optype" value="20" <eq name="info.tpltypeid" value="20">checked</eq> /> 模板20
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="19">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate119.png" onclick="javascript:alert('已选择模板19')" />
                                <input class="radio" type="radio" name="optype" value="19" <eq name="info.tpltypeid" value="19">checked</eq> /> 模板19
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="118">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate118.png" onclick="javascript:alert('已选择模板18')" />
                                <input class="radio" type="radio" name="optype" value="18" <eq name="info.tpltypeid" value="18">checked</eq> /> 模板18
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="17">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate117.png" onclick="javascript:alert('已选择模板17')" />
                                <input class="radio" type="radio" name="optype" value="17" <eq name="info.tpltypeid" value="17">checked</eq> /> 模板17
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="16">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate116.png" onclick="javascript:alert('已选择模板16')" />
                                <input class="radio" type="radio" name="optype" value="16" <eq name="info.tpltypeid" value="16">checked</eq> /> 模板16
                            </label>
                        </li>
					    <li <eq name="info.tpltypeid" value="15">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate115.png" onclick="javascript:alert('已选择模板15)" />
                                <input class="radio" type="radio" name="optype" value="15" <eq name="info.tpltypeid" value="15">checked</eq> /> 模板15
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="14">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate114.png" onclick="javascript:alert('已选择模板14')" //>
                                <input class="radio" type="radio" name="optype" value="14" <eq name="info.tpltypeid" value="14">checked</eq> /> 模板14
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="13">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate113.png" onclick="javascript:alert('已选择模板13')" />
                                <input class="radio" type="radio" name="optype" value="13" <eq name="info.tpltypeid" value="13">checked</eq> /> 模板13
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="12">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate112.png" onclick="javascript:alert('已选择模板12')" />
                                <input class="radio" type="radio" name="optype" value="12" <eq name="info.tpltypeid" value="12">checked</eq> /> 模板12
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="11">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate111.png" onclick="javascript:alert('已选择模板11')" />
                                <input class="radio" type="radio" name="optype" value="11" <eq name="info.tpltypeid" value="11">checked</eq> /> 模板11
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="10">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate110.png" onclick="javascript:alert('已选择模板10')" />
                                <input class="radio" type="radio" name="optype" value="10" <eq name="info.tpltypeid" value="10">checked</eq> /> 模板10 
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="9">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate109.png" onclick="javascript:alert('已选择模板9')" />
                                <input class="radio" type="radio" name="optype" value="9" <eq name="info.tpltypeid" value="9">checked</eq> /> 模板9 
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="8">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate108.png" onclick="javascript:alert('已选择模板8')" />
                                <input class="radio" type="radio" name="optype" value="8" <eq name="info.tpltypeid" value="8">checked</eq> /> 模板8
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="7">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate107.png" onclick="javascript:alert('已选择模板7')" />
                                <input class="radio" type="radio" name="optype" value="7" <eq name="info.tpltypeid" value="7">checked</eq> /> 模板7 
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="6">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate106.png" onclick="javascript:alert('已选择模板6')" />
                                <input class="radio" type="radio" name="optype" value="6" <eq name="info.tpltypeid" value="6">checked</eq> /> 模板6 
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="5">class="active"</eq> style="margin:10px 30px;" >
                        	<label>
                                <img src="{lanrain::RES}/images/cate9.png" onclick="javascript:alert('已选择模板5')" />
                                <input class="radio" type="radio" name="optype" value="5" <eq name="info.tpltypeid" value="5">checked</eq> /> 模板5 
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="4">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate4.png" onclick="javascript:alert('已选择模板4')" />
                                <input class="radio" type="radio" name="optype" value="4" <eq name="info.tpltypeid" value="4">checked</eq> /> 模板4 
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="3">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate3.png" onclick="javascript:alert('已选择模板3')" />
                                <input class="radio" type="radio" name="optype" value="3" <eq name="info.tpltypeid" value="3">checked</eq> /> 模板3 
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="2">class="active"</eq> style="margin:10px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate2.png" onclick="javascript:alert('已选择模板2')" />
                                <input class="radio" type="radio" name="optype" value="2" <eq name="info.tpltypeid" value="2">checked</eq> /> 模板2 
                            </label>
                        </li>
                        <li <eq name="info.tpltypeid" value="1">class="active"</eq> style="margin:10px 30px 30px 30px;" >
                            <label>
                                <img src="{lanrain::RES}/images/cate1.png" onclick="javascript:alert('已选择模板1')" />
                                <input class="radio" type="radio" name="optype" value="1" <eq name="info.tpltypeid" value="1">checked</eq> /> 模板1 
                            </label>
                        </li>
                    </ul>
                </fieldset>
            </div>
            <div class="tagContent" id="tagContent1">
                <fieldset>
                    <ul class="cateradio2">
                        <li style="display:none" <eq name="info.tpllistid" value="103">class="active"</eq> style="margin:10px 30px 30px 30px;"  >
                            <label><img src="{lanrain::RES}/images/list103.png" onclick="javascript:alert('已选择模板3')" />
                                <input class="radio2" type="radio" name="optype2" value="103" <eq name="info.tpllistid" value="103">checked</eq> /> 模板3
                            </label>
                        </li>
                        <li <eq name="info.tpllistid" value="4">class="active"</eq>  style="margin:10px 30px 30px 30px;"  >
                            <label><img src="{lanrain::RES}/images/list4.png" onclick="javascript:alert('已选择模板2')" />
                                <input class="radio2" type="radio" name="optype2" <eq name="Think.session.gid" value="2">disabled="disabled"</eq> value="4" <eq name="info.tpllistid" value="4">checked</eq> /> 模板2(省流量)
                            </label>
                        </li>
                        <li <eq name="info.tpllistid" value="1">class="active"</eq> style="margin:10px 30px 30px 30px;"  >
                            <label><img src="{lanrain::RES}/images/list1.png" onclick="javascript:alert('已选择模板1')" />
                                <input class="radio2" type="radio" name="optype2" value="1" <eq name="info.tpllistid" value="1">checked</eq> /> 模板1(美观)
                            </label>
                        </li>
                    
                    </ul>
                </fieldset>
            </div>
            <div class="tagContent" id="tagContent2">
                <fieldset>
                    <ul class="cateradio3">
                        <li <eq name="info.tplcontentid" value="1">class="active"</eq> style="margin:10px 30px 30px 30px;"   ><label><img src="{lanrain::RES}/images/news1.png" onclick="javascript:alert('已选择模板1')" /><input class="radio3" type="radio" name="optype3" value="1" <eq name="info.tplcontentid" value="1">checked</eq>/>模板1(有头像) </label></li>
                         <li <eq name="info.tplcontentid" value="3">class="active"</eq> style="margin:10px 30px 30px 30px;"   ><label><img src="{lanrain::RES}/images/news3.png" onclick="javascript:alert('已选择模板2')"/ ><input class="radio3" type="radio" name="optype3" value="3" <eq name="info.tplcontentid" value="3">checked</eq>/>模板3(无头像)</label></li>
                    </ul>
                </fieldset>
            </div>
            <div class="tagContent" id="tagContent3">
                <fieldset>
                    <div class="cateradio4">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tbody>
                                <tr>
                                    <td width="400" rowspan="2" valign="top">
                                        <div class="samsung-render">
                                            <iframe src="__ROOT__/index.php?g=Wap&m=Index&a=index&token={lanrain:$info.token}&show=1" id="myiframe" width="320" height="406" frameborder="0" style="overflow-x:hidden;"></iframe>
                                        </div>
                                    </td>
                                    <td valign="top"><h3>请选择你喜欢的颜色风格，实时预览 (<span style="color:#c30">注意：只有在手机上才能获得最佳浏览效果，电脑浏览并不一定是最终显示效果，并且仅部分模板支持更换颜色风格</span>)</h3>
                                        <ul>
                                            <li><label><input class="radio4" type="radio" name="optype4" value="0" <eq name="info.color_id" value="0" >checked="checked"</eq>> 默认风格</label></li>
                                            <li><label><input class="radio4" type="radio" name="optype4" value="1" <eq name="info.color_id" value="1" >checked="checked"</eq>> 黑色风格</label></li>
                                            <li><label><input class="radio4" type="radio" name="optype4" value="2" <eq name="info.color_id" value="2">checked="checked"</eq>> 蓝色风格</label></li>
                                            <li><label><input class="radio4" type="radio" name="optype4" value="3" <eq name="info.color_id" value="3">checked="checked"</eq>> 木纹风格</label></li>
                                            <li><label><input class="radio4" type="radio" name="optype4" value="4" <eq name="info.color_id" value="4">checked="checked"</eq>> 橙色风格</label></li>
                                            <li><label><input class="radio4" type="radio" name="optype4" value="5" <eq name="info.color_id" value="5">checked="checked"</eq>> 紫色风格</label></li>
                                            <li><label><input class="radio4" type="radio" name="optype4" value="6" <eq name="info.color_id" value="6">checked="checked"</eq>> 绿色风格</label></li>
                                        </ul>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="clr"></div>
                    </div>
                </fieldset>
            </div>
        </div>

        <script type="text/javascript">
            function selectTag(showContent,selfObj){
                // 操作标签
                var tag = document.getElementById("tags").getElementsByTagName("li");
                var taglength = tag.length;
                for(i=0; i<taglength; i++){
                    tag[i].className = "";
                }
                selfObj.parentNode.className = "selectTag";
                // 操作内容
                for(i=0; j=document.getElementById("tagContent"+i); i++){
                    j.style.display = "none";
                }
                document.getElementById(showContent).style.display = "block";


            }
        </script>


        <script>

            $(".radio").click(function(){
                $(".cateradio li").each(function(){
                    $(this).removeClass("active");
                });
                $(this).parents("li").addClass("active");
                var myurl='index.php?g=User&m=Tmpls&a=add&style='+$(this).val()+'&r='+Math.random(); 
                $.ajax({url:myurl,async:false});

//                $("#homeurl").attr("href","http://baidu.com/index.php?ac=cate"+$(this).val()+"&tid=9379&w=1");
                $("#myiframe").attr("src",$("#myiframe").attr("src")+'&r='+Math.random());


            });
            $(".radio2").click(function(){
                $(".cateradio2 li").each(function(){
                    $(this).removeClass("active");
                });
                $(this).parents("li").addClass("active");
  
                var myurl ='index.php?g=User&m=Tmpls&a=lists&style='+$(this).val()+'&r='+Math.random(); 
                $.ajax({url:myurl,async:false});


            });
            $(".radio3").click(function(){
                $(".cateradio3 li").each(function(){
                    $(this).removeClass("active");
                });
                $(this).parents("li").addClass("active");
  
                var myurl='index.php?g=User&m=Tmpls&a=content&style='+$(this).val()+'&r='+Math.random(); 
                $.ajax({url:myurl,async:false});

            });
            $(".radio4").click(function(){
                var myurl='index.php?g=User&m=Tmpls&a=background&style='+$(this).val()+'&r='+Math.random(); 
                $.ajax({url:myurl,async:false});
                $("#myiframe").attr("src",$("#myiframe").attr("src")+'&r='+Math.random());
            });
            function changeapp(obj,gid){
                if(obj.checked==true){
                    //var image=new Image();   
                    var myurl='index.php?ac=app&op=open&value=1&id=9379&wxid=gh_858dwjkeww5&openid='+gid+'&r='+Math.random(); 
                    $.ajax({url:myurl,async:false});

                }else{
 
                    var myurl='index.php?ac=app&op=open&value=0&id=9379&wxid=gh_858dwjkeww5&openid='+gid+'&r='+Math.random(); 
                    $.ajax({url:myurl,async:false});

                }
            }

        </script>


    </div>

</div>

</div>
</div>
</div> 
<!--底部-->
</div>
<include file="Public:footer"/>